import type { IconProps } from "@tabler/icons-react"
import { memo } from "react"

const IconMagicSearch = memo(({ size, className }: IconProps) => {
	return (
		<svg width={size} height={size} viewBox="0 0 24 24" fill="none" className={className}>
			<g clipPath="url(#clip0_5531_108768)">
				<path
					id="Vector 26"
					d="M10.7711 13.4651L17.1032 22.6465C17.5563 23.3035 18.5834 23.1943 18.9404 22.4805C19.4304 21.5009 20.1121 20.3217 20.8609 19.5715C21.389 19.0425 22.1413 18.5354 22.8626 18.1138C23.6324 17.6637 23.5899 16.4469 22.7574 16.1271L11.9453 11.9736C11.0335 11.6233 10.2165 12.661 10.7711 13.4651Z"
					fill="url(#paint0_linear_5531_108768)"
				/>
				<path
					id="Star 3"
					d="M6.51912 3.47405C6.75301 2.84198 7.64699 2.84198 7.88088 3.47405L8.58747 5.38359C8.66101 5.58231 8.81769 5.73899 9.01641 5.81253L10.9259 6.51912C11.558 6.75301 11.558 7.64699 10.9259 7.88088L9.01641 8.58747C8.81769 8.66101 8.66101 8.81769 8.58747 9.01641L7.88088 10.9259C7.64699 11.558 6.75301 11.558 6.51912 10.9259L5.81253 9.01641C5.73899 8.81769 5.58231 8.66101 5.38359 8.58747L3.47405 7.88088C2.84198 7.64699 2.84198 6.75301 3.47405 6.51912L5.38359 5.81253C5.58231 5.73899 5.73899 5.58231 5.81253 5.38359L6.51912 3.47405Z"
					fill="url(#paint1_linear_5531_108768)"
				/>
				<path
					id="Star 4"
					d="M18.174 4.00211C18.3723 3.46609 19.1305 3.46609 19.3288 4.00211L19.8172 5.32188C19.8795 5.4904 20.0124 5.62327 20.1809 5.68562L21.5007 6.17398C22.0367 6.37232 22.0367 7.13046 21.5007 7.3288L20.1809 7.81716C20.0124 7.87952 19.8795 8.01238 19.8172 8.1809L19.3288 9.50067C19.1305 10.0367 18.3723 10.0367 18.174 9.50067L17.6856 8.1809C17.6233 8.01238 17.4904 7.87952 17.3219 7.81716L16.0021 7.3288C15.4661 7.13046 15.4661 6.37232 16.0021 6.17398L17.3219 5.68562C17.4904 5.62327 17.6233 5.4904 17.6856 5.32188L18.174 4.00211Z"
					fill="url(#paint2_linear_5531_108768)"
				/>
				<path
					id="Star 5"
					d="M4.97379 14.8019C5.17213 14.2659 5.93026 14.2659 6.1286 14.8019L6.61696 16.1217C6.67932 16.2902 6.81219 16.4231 6.98071 16.4854L8.30048 16.9738C8.83649 17.1721 8.83649 17.9303 8.30047 18.1286L6.98071 18.617C6.81219 18.6793 6.67932 18.8122 6.61696 18.9807L6.1286 20.3005C5.93026 20.8365 5.17213 20.8365 4.97379 20.3005L4.48543 18.9807C4.42307 18.8122 4.2902 18.6793 4.12168 18.617L2.80191 18.1286C2.2659 17.9303 2.2659 17.1721 2.80191 16.9738L4.12168 16.4854C4.2902 16.4231 4.42307 16.2902 4.48543 16.1217L4.97379 14.8019Z"
					fill="url(#paint3_linear_5531_108768)"
				/>
			</g>
			<defs>
				<linearGradient
					id="paint0_linear_5531_108768"
					x1="18.3765"
					y1="24.1659"
					x2="16.4418"
					y2="9.81224"
					gradientUnits="userSpaceOnUse"
				>
					<stop stopColor="#FFF73F" />
					<stop offset="1" stopColor="#FF5F5F" />
				</linearGradient>
				<linearGradient
					id="paint1_linear_5531_108768"
					x1="9.52265"
					y1="9.60803"
					x2="5.28403"
					y2="1.57332"
					gradientUnits="userSpaceOnUse"
				>
					<stop stopColor="#00D8FF" />
					<stop offset="1" stopColor="#0046FF" />
				</linearGradient>
				<linearGradient
					id="paint2_linear_5531_108768"
					x1="23.0611"
					y1="6.75139"
					x2="14.4417"
					y2="6.75139"
					gradientUnits="userSpaceOnUse"
				>
					<stop stopColor="#FF3F43" />
					<stop offset="1" stopColor="#FF5FF2" />
				</linearGradient>
				<linearGradient
					id="paint3_linear_5531_108768"
					x1="9.8609"
					y1="17.5512"
					x2="1.24149"
					y2="17.5512"
					gradientUnits="userSpaceOnUse"
				>
					<stop stopColor="#FFF73F" />
					<stop offset="1" stopColor="#FF5F5F" />
				</linearGradient>
				<clipPath id="clip0_5531_108768">
					<rect width="24" height="23.9999" fill="white" />
				</clipPath>
			</defs>
		</svg>
	)
})

export default IconMagicSearch
